//使用事件委托给按钮添加事件
$(function () {
            const $deit = $('.btn btn-xs btn-info btn-edit')
            $("tbody").on("click", function (e) {
                    const $target = $(e.target)
                    //includes是否包含某个值返回布尔值
                    let $tr = $target.parent().parent()
                    if ($target.is(".btn-edit")) {
                        $tr.addClass('edit')
                        let $spans = $tr.find("span")
                        $spans.map((index) => {
                            $($spans[index]).next("input").val($($spans[index]).html())

                        })
                    } else if ($target.is(".btn-ok")) {
                        const id = $tr.attr("data-id"),
                            name = $tr.find(".input-name").val(),
                            price = $tr.find(".input-price").val(),
                            num = $tr.find(".input-num").val()
                        console.log(id,name, price, num);
                        $.get('./api/shop/deit.php', {
                            id,
                            name,
                            price,
                            num
                        }, resp => {
                            // console.log(resp);
                            var resp=JSON.parse(resp)
                            if(resp.code===200){
                                $tr.removeClass("edit")
                                let $spans = $tr.find("span")
                                $spans.map((index) => {
                                    $($spans[index]).html($($spans[index]).next().val())
        
                                })  

                            }
                        }
                        // console.log($(this).children().children(".btn-edit"))
                    )
                    }
                    else if ($target.is(".btn-cancel")){
                        console.log(1);
                        $tr.removeClass("edit")
                    }
                    
            })
})